.login-container{
  
  
  .bgMod {
    background-image: url("../../../public/images/home_bg.png");
    background-repeat: no-repeat;
    background-size: cover;
    width: 100vw;
    height: 100vh;
    min-width: 1440px;
    // webkit
    
    // firefox 
    scrollbar-width: none;
    /* display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center; */
  }
  
  .logoImg {
    width: 200px;
    height: 200px;
    position: absolute;
    top:50%;
    left: 25%;
    margin-top: -87px;
    vertical-align: middle;
  }
  
  .main{
    width: 488px;
    height: 505px;
    position: absolute;
    top: 50%;
    right: 70px;
    background-color: #f0f2f5;
    border-radius: 10px;
    box-shadow: inset 0 0 0 1px hsl(0deg 0% 100% / 30%), 0 0.5em 1em rgb(0 0 0 / 50%);
    /* margin: -30px;   */
    transform: translateY(-50%);
    padding: 60px;
  }
  
  
  .title{
    font-size: 20px;
    color: #333;
    text-align: center;
    margin-bottom: 30px;
  }

  .tab-title{
    font-size: 14px;
    color: #555555;
  }

  .tabs{
    margin-bottom: 10px;
  }

  .active{
    color: #2f54eb;
  }
}
